.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #f4f4f4;
    .header{
        .px2rem(height, 90);
        width:100%;
        background: #000;
        color: #c6c6c7;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        left:0;
        top:0;
        z-index: 109;
        .left,.right{
            .px2rem(width, 150);
            .px2rem(line-height, 90);
            .px2rem(font-size, 28);
            text-align: center;
        }
        .center{
            .px2rem(width, 220);
            .px2rem(line-height, 90);
            .px2rem(font-size, 34);
            text-align: center;
        }
    }
    .swiper-container{
        .px2rem(margin-top, 90);
        .swiper-wrapper{
            .swiper-slide{
                img{
                    width: 100%;
                }
            }
        }
        .hui{
            .px2rem(width, 160);
            .px2rem(height, 70);
            .px2rem(top, 140);
            .px2rem(line-height, 70);
            position: fixed;
            left:0;
            z-index: 99;
            background: #333;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            color: #ffffff;
            text-align: center;
            i{
                .px2rem(font-size, 30);
            }
        }
    }
    .menu{
        border-bottom: 1px solid #ccc;
        background: #ffffff;
        .column{
            .px2rem(margin-left, 20);
            .px2rem(font-size, 26);
            .px2rem(line-height, 60);
        }
        .summary{
            .px2rem(margin-left, 20);
            .px2rem(margin-bottom, 20);
            .px2rem(font-size, 26);
            .px2rem(line-height, 60);
            span{
                color: red;
            }
        }
    }
    .status{
        .px2rem(padding-left, 20);
        .px2rem(padding-right, 20);
        .px2rem(height, 100);
        border-bottom: 1px solid #cccccc;
        background: #ffffff;
        dl{
            .px2rem(line-height, 50);
            dt{
                float: left;
                .px2rem(height, 100);
                .px2rem(margin-right, 50);
            }
            dd{
                float: left;
                color: #999;
                span{
                    background: #bb131b;
                    padding: .01rem .08rem;
                    border-radius: 4px;
                    color:#ffffff;
                    .px2rem(margin-right, 20);
                }
            }
        }
    }
    .service{
        .px2rem(padding-left, 20);
        .px2rem(padding-right, 20);
        .px2rem(height, 100);
        border-bottom: 1px solid #cccccc;
        background: #ffffff;
        dl{
            .px2rem(line-height, 50);
            dt{
                float: left;
                .px2rem(height, 100);
                .px2rem(margin-right, 50);
            }
            dd{
                float: left;
                color: #999;
                width: 80%;
                span{
                    display: inline-block;
                    width: 45%;
                    color:#999;
                }
            }
        }
    }
    .msg{
        .px2rem(padding-left, 20);
        .px2rem(padding-right, 20);
        .px2rem(height, 100);
        border-bottom: 1px solid #cccccc;
        background: #ffffff;
        dl{
            .px2rem(line-height, 50);
            dt{
                float: left;
                .px2rem(height, 100);
                .px2rem(margin-right, 50);
            }
            dd{
                p{
                    .px2rem(line-height, 100);
                    span{
                        border:1px solid #ccc;
                    }
                    .left{
                        padding: 5px 15px;
                        .px2rem(font-size, 30);
                    }
                    .center{
                        padding: 5px 40px;
                        .px2rem(font-size, 30);
                        .px2rem(margin-right, -10);
                        .px2rem(margin-left, -10);
                    }
                    .right{
                        padding: 5px 15px;
                        .px2rem(font-size, 30);
                    }
                }
            }
        }
    }
    .nav{
        .px2rem(margin-top, 20);
        .px2rem(height, 90);
        .px2rem(font-size, 28);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #eee;
        .center{
            .px2rem(margin-left, 100);
            .px2rem(margin-right, 100);
        }
        .on{
            color: orangered;
        }
    }
    .container1{
        .px2rem(margin-bottom, 120);
        .px2rem(margin-top, 0);
        .swiper-wrapper{
            .slide{
                img{
                    width: 100%;
                }
            }
            .slide1{
                .px2rem(height, 80);
                .shang{
                    .px2rem(line-height, 80);
                    border-top: 1px solid #cccccc;
                    background: #ffffff;
                    .px2rem(padding-left, 20);
                    color: #999;
                    span{
                        .px2rem(padding-left, 20);
                    }
                }
            }
            .slide2{
                .px2rem(height, 80);
                .ping{
                    .px2rem(line-height, 80);
                    border-top: 1px solid #cccccc;
                    background: #ffffff;
                    .px2rem(padding-left, 20);
                    color: #999;
                    span{
                        float: right;
                        .px2rem(padding-right, 20);
                        span{
                            color: red;
                            .px2rem(padding-left, 10);
                        }
                    }
                }
            }
        }
    }
    .footer{
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        left:0;
        bottom: 0;
        z-index: 190;
        .px2rem(height, 100);
        width: 100%;
        div{
            width: 33.333%;
            text-align: center;
            color: #ffffff;
            .px2rem(line-height, 100);
            .px2rem(font-size, 30);
        }
        .left{
            background: #ffffff;
            color: #000;
            .px2rem(font-size, 50);
        }
        .center{
            background: #ff8766;
        }
        .right{
            background: orangered;
        }
    }
}